import React from 'react';
import './index.less';

const FormCard: React.FC = () => {
  return (<div className='form-card'>
    <div className='form'>
      <div className='form-item'>
        <img data-v-f4a81920="" src="https://turntip.cn/uploads/formManager/WX20240203-005849@2x_18d6ac954d0.png" alt="" />

        <div className='text'>
          <span>金融问卷调查</span>
          <div className='number'>
            <div className='arco-space arco-space-horizontal arco-space-align-center'>
              <div className='arco-space-item' style={{ marginRight: '8px' }}>
                <p>
                  <svg data-v-f4a81920="" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" className="arco-icon arco-icon-eye" ><path d="M24 37c6.627 0 12.627-4.333 18-13-5.373-8.667-11.373-13-18-13-6.627 0-12.627 4.333-18 13 5.373 8.667 11.373 13 18 13Z"></path><path d="M29 24a5 5 0 1 1-10 0 5 5 0 0 1 10 0Z"></path></svg>
                </p>
              </div>

              <div className='arco-space-item' >
                <p>
                  <svg data-v-f4a81920="" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" className="arco-icon arco-icon-star" ><path d="M22.552 6.908a.5.5 0 0 1 .896 0l5.02 10.17a.5.5 0 0 0 .376.274l11.224 1.631a.5.5 0 0 1 .277.853l-8.122 7.916a.5.5 0 0 0-.143.443l1.917 11.178a.5.5 0 0 1-.726.527l-10.038-5.278a.5.5 0 0 0-.466 0L12.73 39.9a.5.5 0 0 1-.726-.527l1.918-11.178a.5.5 0 0 0-.144-.443l-8.122-7.916a.5.5 0 0 1 .278-.853l11.223-1.63a.5.5 0 0 0 .376-.274l5.02-10.17Z"></path></svg>
                </p>
              </div>
            </div>

            <button className='arco-btn arco-btn-primary arco-btn-shape-square arco-btn-size-mini arco-btn-status-normal' type='button'>
              使用
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>)
}

export default FormCard;
